<template>
  <div class="head">
    <div class="container head-content">
      <div class="head-on">
        <div class="title">
          <img class="number-img" src="../../../assets/images/number-img.png" alt="">
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'Head',
  data() {
    return {

    }
  },
  methods: {
    goDetail() {
      this.$router.push({
        path: '/detail'
      })
    }
  }
}
</script>
<style scoped lang="scss">
@import "@/assets/style/common-color.scss";
    .head{
        .head-content{
            .head-on{
                display:flex;
                background:#FFFFFF;
                .title{
                    margin-right:139px;
                    .number-img{
                        width:191px;
                        height:72px;
                    }
                }
                .head-search{
                    display:flex;
                    margin-right:56px;
                    align-items:center;
                    .search{
                        .head-input{
                            width:457px;
                            height:40px;
                            border-style:solid;
                            border-width:1px;
                            border-color:#FF3B30;
                        }
                    }
                    .search-btn{
                        display:flex;
                        justify-content:center;
                        align-items:center;
                        width:101px;
                        height:40px;
                        background:#FF3B30;
                        color:#FFFFFF;
                    }
                }
                .head-information{
                    display:flex;
                    align-items:center;
                    .number-cart{
                        display:flex;
                        justify-content:center;
                        align-items:center;
                        width:123px;
                        height:40px;
                        font-size:13px;
                        border:1px solid rgba(223,223,223,1);
                        margin-right:17px;
                        opacity:1;

                        .triangle{
                            border-style: solid;
                            border-width: 5px 7px 7px 7px;
                            border-color: transparent transparent #666666 transparent;
                            width: 0px;
                            height: 0px;
                        }
                    }
                }
            }
            .head-in{
                display:flex;
                width:1903px;
                height:37px;
                align-items:center;
                background:#FFFFFF;
                .head-text{
                    margin-right:30px;
                }
            }
        }
    }
</style>
